<footer class="fri-footer">
  <div class="footer-sup my-2">
    <a href="#">
      <svg class="float-end me-3" xmlns="http://www.w3.org/2000/svg" width="22" height="22"
        fill="{{ .Site.Params.mainColour }}" viewBox="0 0 16 16">
        <path
          d="M7.646 2.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 3.707 2.354 9.354a.5.5 0 1 1-.708-.708l6-6z" />
        <path fill="#33ccff"
          d="M7.646 6.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 7.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z" />
      </svg>
    </a>
  </div>
  <div class="container py-4">
    <div class="row row-cols-1 row-cols-sm-3 row-cols-md-4 g-2">
      <div class="col">
        <ul class="list-unstyled">
          <li class="footer-logo">
            <a aria-current="page" href="{{ " #" | relURL }}">
              {{- $out_fo := "footer.svg" -}}
              {{- $img_n := .Site.Params.footer.logo -}}
              {{- $type := lower (substr $img_n (sub (len $img_n) 3) (len $img_n)) -}}
              {{- $img := resources.Get $img_n -}}
              {{- if eq $type "svg" -}}
              {{- $img = $img | resources.ExecuteAsTemplate $out_fo . }}
              {{- end -}}
              <img src="{{- $img.Permalink | relURL -}}" class="float-start" alt="brand">
            </a>
            <span class="footer-logo-title">{{- if .Site.Params.Footer.title -}}
              {{ .Site.Params.Footer.title }}
              {{- end -}}
            </span>
          </li>
          <li class="pt-2">
            © 2018 — {{ now.Format "2006" }}
          </li>
          <li class="fs-6 pt-3">
            {{- with .Site.GetPage "/about-project" -}}
            <a class="nav-link mt-2" href="{{- .RelPermalink -}}">
              {{ partial "icons/rfi-tags-check.svg" (dict "width" "16" "height" "16") }}
              {{ i18n "aboutProject" }}
              {{- end -}}
            </a>
          </li>
        </ul>
      </div>
      <div class="col pt-">
        {{- partial "footer/footer-toc.html" . -}}
      </div>
      <div class="col">
        {{- partial "footer/footer-contacts.html" . -}}
        </nav>
      </div>
      <div class="col">
        {{- partial "footer/footer-info.html" . -}}
        {{- partial "footer/footer-license.html" . -}}
      </div>
    </div>
  </div>
  <div class="mt-4 border-top border-dark text-end">
    <div class="container">
      {{- partial "footer/footer-info-dev.html" . -}}
    </div>
  </div>
</footer>